<template>
   <drag-modal  :visible="visible" @cancel="onModalClose" width="300px" :footer="null" :titleClass="titleClass" :mask="false">
      <iframe :src="src"  frameborder='0'  style="width:100%;height:100%"></iframe>
   </drag-modal>
</template>

<script>
export default {
    data(){
        return{
            titleClass:"",
            visible: false,
            src:"",
        }
    },
    mounted(){
        this.src = `/static/xyToolBar.html`;
    },
    methods:{
        onModalOpen(){
            this.visible = true;
        },
        onModalClose(){
            this.visible = false;
        },
    }
}
</script>

<style lang="less" scoped>
.messageBox{
    height: 250px;
    width: 100%;
    overflow: auto;
    text-align: left;
    padding: 0 30px;
}

/deep/.ant-modal-header{
    padding: 10px 24px !important;
    background: #c0c0c0 !important;
    border-bottom: 0px solid #a0a0a0 !important;
}
/deep/.ant-modal-close-x {
  height: 21px !important;
  line-height: 18px !important;
  width: 30px !important;
}
// /deep/.ant-modal-mask{
//     display: none !important;
// }
/deep/.ant-modal-body{
    padding: 0px !important;
    height: 500px;
}
/deep/.ant-select-sm .ant-select-selection__rendered{
    line-height: 22px !important;
}
.ant-radio-group, .ant-checkbox-wrapper{
    font-size: 10px !important;
}
/deep/.ant-modal-footer{
    display: none !important;
}
</style>